<!DOCTYPE html>
<style type="text/css" media="screen">
  .box {
    height: 100px;
    width: 10000000px; /* Choose a huge width to make the mask excessively large. */
    margin: 20px;
    margin-bottom: 120px;
    background-color: green;
  }
  
  .reflected {
    -webkit-box-reflect: below 2px linear-gradient(transparent, white);
  }

  .composited {
    will-change: transform;
  }
</style>
<p>Reflection should be masked with gradient.</p>
<div class="reflected composited box">
</div>
Passes if it does not crash.
<script>
if (testRunner)
  testRunner.dumpAsText();
</script>
